<template>
  <div class="w-full">
    <el-divider content-position="center">其他登陆方式</el-divider>
  </div>
  <div class="flex align-center justify-center cursor-pointer">
    <el-space wrap :size="'default'">
      <div @click="handleToLogin('qq')">
        <svg-icon icon-class="qq" :size="20" />
      </div>
      <div @click="handleToLogin('wx')">
        <svg-icon icon-class="wx" :size="20" />
      </div>
      <div @click="handleToLogin('github')">
        <svg-icon icon-class="github" :size="20" />
      </div>
      <div @click="handleToLogin('gitee')">
        <svg-icon icon-class="gitee" :size="20" />
      </div>
    </el-space>
  </div>
</template>

<script setup>
const handleToLogin = (type) => {};
</script>

<style scoped lang="less"></style>
